<template>
  <div class="w-1/2 flex text-xs items-center">
    <div>{{name}}</div>
    <van-dropdown-menu class="w-24">
      <van-dropdown-item v-model="modelVal" :options="options" />
    </van-dropdown-menu>
  </div>
</template>

<script setup>
const modelVal = defineModel()
const props = defineProps({
  name: {
    type: String,
    required: true
  },
  options: {
    type: Array,
    required: true
  }
})

</script>

<style lang="scss" scoped></style>
